 <div class="row-fluid" style="padding-bottom:60px;padding-top:30px;">
        <div class="span6 offset4" style="margin-left:36.170212765957444%;padding-bottom:30px">
          <div class="claim" data-rel="scheda-uno">
            <span class="icon icon-imac" aria-hidden="true" data-icon="&#xe011;"></span>
            <span class="icon icon-iphone" aria-hidden="true" data-icon="&#xe017;"></span>
            <label class="titolo cross-device">Creato una volta, visto dovunque.</label>
            <label class="messaggio">Le nostre soluzioni possono essere visualizzate su tutti<br/>i dispositivi, tablet e smartphone compresi!</label>
          </div>
        </div>
        <div class="span12 scheda" id="scheda-uno" style="background:#E7E7E7;margin-left:0px;">
          <label class="triangolo"></label>
          <span class="fui-cross-24 closebutton"></span>
          <div class="content" style="opacity:0;">
            <section id="dg-container" class="dg-container">
              <div class="dg-wrapper">
                <a href="#" class="desktop"><img src="images/gallery/3-desktop.png" alt="image01"><div></div></a>
                <a href="#" class="mobile"><img src="images/gallery/1-mobile.png" alt="image02"><div></div></a>
                <a href="#" class="laptop"><img src="images/gallery/2-laptop.png" alt="image03"><div></div></a>
               
              </div>
              <nav> 
                <span class="dg-prev">&lt;</span>
                <span class="dg-next">&gt;</span>
              </nav>
            </section>
          </div>
        </div>
        <div class="span6 offset4" style="padding-bottom:30px">
          <div class="claim" data-rel="scheda-due">
            <span class="icon" aria-hidden="true" data-icon="&#xe026;"></span>
            <label class="titolo pasta">Mangia tranquillo, ci pensiamo noi!</label>
            <label class="messaggio">I nostri siti sono sempre sotto controllo, non ci sfugge nulla.</label>
          </div>        
        </div>
        <div class="span12 scheda" id="scheda-due" style="background:white;margin-left:0px;">
          <label class="triangolo"></label>
          <span class="fui-cross-24 closebutton"></span>
          <div class="content">
            <div class="loading"><i class="icon-time"></i>Loading</div>
          </div>        
        </div>
        <div class="span6 offset4" style="padding-bottom:30px">
          <div class="claim" data-rel="scheda-tre">
            <span class="icon" aria-hidden="true" data-icon="&#xe020;"></span>
            <label class="titolo money">Soluzioni per tutte le tasche</label>
            <label class="messaggio">Possiamo fare cose meravigliose senza spendere una fortuna.<br>Incontriamoci e ne possiamo parlare.</label>
          </div>        
        </div>
        <div class="span12 scheda" id="scheda-tre" style="background:white;margin-left:0px;">
          <label class="triangolo"></label>
          <span class="fui-cross-24 closebutton"></span>
          <div class="content">
            <div class="loading"><i class="icon-time"></i>Loading</div>
          </div>
        </div>
        <div class="span6 offset4" style="padding-bottom:30px">
          <div class="claim" data-rel="scheda-quattro">
            <span class="icon" aria-hidden="true" data-icon="&#xe025;"></span>
            <label class="titolo">Hai delle idee nel cassetto? Ti aiutiamo a svilupparle!</label>
            <label class="messaggio">Siamo sempre a caccia di nuove idee, se hai qualcosa
                                    che vuoi sviluppare da tempo ma non sai come fare puoi 
                                    chiedere a noi. Sapremo aiutarti</label>
          </div>        
        </div>
        <div class="span12 scheda" id="scheda-quattro" style="background:white;margin-left:0px;">
          <label class="triangolo"></label>
          <span class="fui-cross-24 closebutton"></span>
          <div class="content">
            <div class="loading"><i class="icon-time"></i>Loading</div>
          </div>
        </div>

 </div> <!-- /row -->
 <script type="text/javascript">

  $("#scheda-uno").live("caricaDati",function(){
    if($(this).hasClass("open")){
      $("#scheda-uno .content").animate({opacity: 1}, 500);   
    }
      
  });
  $("#scheda-due").live("caricaDati",function(){
    if($(this).hasClass("open")){}
  });
  $("#scheda-tre").live("caricaDati",function(){
    if($(this).hasClass("open")){}
  });
  $("#scheda-quattro").live("caricaDati",function(){
    if($(this).hasClass("open")){}
  });

  $(".closebutton").click(function(){
    $(this).parent().toggleClass("open");

  });

  $(".claim").click(function(){
         /*return; per ora è disabilitato*/
        rel=$(this).data("rel");
        $(".open").removeClass("open");
        $("#"+rel).toggleClass("open");
        $('#'+rel).trigger('caricaDati');

    });
   $(".claim").parent().each(function(){
        $(this).parent().addClass('animated bounceInLeft');
    });

    $(function() {
        $('#dg-container').gallery();
      });



 </script>
